@fonts: 12, 14, 16, 20, 24, 30, 38, 46, 56, 68, 74;
each(@fonts, {
.ft-@{value} {
    font-size: (@value * 1px) !important;
    line-height: (@value * 1px + 8px)!important;
}
})
// 字体
//   布局
each(range(25), {
.pd-@{value} {
    padding: (@value * 4px) !important;
}
.pdt-@{value} {
    padding-top: (@value * 4px) !important;
}
.pdb-@{value} {
    padding-bottom: (@value * 4px) !important;
}
.pdl-@{value} {
    padding-left: (@value * 4px) !important;
}
.pdr-@{value} {
    padding-right: (@value * 4px) !important;
}
.mg-@{value} {
    margin: (@value * 4px) !important;
}
.mgt-@{value} {
    margin-top: (@value * 4px) !important;
}
.mgb-@{value} {
    margin-bottom: (@value * 4px) !important;
}
.mgl-@{value} {
    margin-left: (@value * 4px) !important;
}
.mgr-@{value} {
    margin-right: (@value * 4px) !important;
}
})
.mg-auto {
    margin: auto;
}

/* css为clearfix，清除浮动 */
.clearfix {
    &::after {
        display: block;
        clear: both;
        content: '';
    }
}

/* 单行溢出 */
.one-txt-cut {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 多行溢出 手机端使用 */
.txt-cut {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.whole-row {
    width: 100%;
}

.flex-1 {
    flex: 1 1 100%;
}

.flex {
    display: flex;
}

.flex-jc {
    justify-content: center;
}

.flex-ac {
    align-items: center;
}

.flex-js {
    justify-content: space-between;
}

.flex-warp {
    flex-wrap: wrap;
}

a {
    color: aliceblue;
}
